/**
These styles are applied to the Firmstep forms rather than the surrounding page wrappers. These forms appear in an iframe 
and are not governed by the style sheet loaded outside it.
**/


/**
Include additional required fonts and styles.
**/
@import url(//fonts.googleapis.com/icon?family=Material+Icons);

/**
Add styling to change the default behaviour of the Granicus 'Next', 'Back', and 'Cancel' buttons on a browser window.
**/

@import url("https://fs-filestore-eu.s3.eu-west-1.amazonaws.com/reigatebanstead/Self/test/granicusProgressButtons.css");
@import url("https://fs-filestore-eu.s3.eu-west-1.amazonaws.com/reigatebanstead/Self/test/granicusProgressCSS3Buttons.css");

/**
Add styling from Cronofy for their calendar implementation
**/
@import url("https://s3-eu-west-1.amazonaws.com/fs-downloads/cronofyprod/main.css");

/**
Styling for screen areas within forms that need tweaking beyond that supplied by Firmstep's default in order to pass accessibility tests.
**/

/**
Create styling for an 'information panel' that can appear on a process page to give additional information to the customer.
Used, for instance, in purchase bins to warn that the crew have already logged a bin as damaged and in need of repair or replacement.
**/

.information-panel {
	clear: both;
    border-left: 4px solid #bfc1c3;
    padding: 10px 10px 1px 20px;
    margin: 15px 0px 10px 10px;
}

/**
Allow for the long text used in some buttons to wrap gracefully onto the next line, enlarging the button vertically as it does so.
**/

.button-wrap {
	white-space:normal;
}

/**
Styling for the 'Wheel of Doom' used in processes such as 'Missed bins' where it can take several seconds 
to move from one stage to the next because of the number of integrations and calculations that need to be performed.
**/
.wod-wrapper{
  margin: auto;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.wod-loader {
  text-align:center;
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #002469;
  min-width: 40px;
  min-height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  display:inline-block;
}

.wod-text {
	color: #28285f;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.repeatable-table.table.table-responsive.table-hover.table-condensed {
  border: 1px solid black;
}

/**
Create a set of header styles that can be used by default throughout our processes, overriding the default and confusing 
set of styles deployed by the Granicus imported CSS.
**/

h1 {
	font-size: 2em;
}

h1#hello-title { /** My Requests title **/
	border-bottom: none;
	color: #444;
    font-size: 2.5em;
}

/** Before you begin header **/
#anonymousLoginScreen h1 {
    font-weight: 700;
    font-size: 2.5em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.25em;
}

h5 {
	font-size: 1.125em;
}

h6 {
	font-size: 1em;
}

/** headings used in the process, resizing h2 and h3, the other headings still have the default sizing **/

body._AF h2, div._AF h2, html._AF h2 {
	font-size:1.5em;
}

body._AF h3, div._AF h3, html._AF h3 {
	font-size:1.4em;
}

/** Making the subform headings slightly smaller so they aren't bigger than h2 headings **/
legend._fieldName span {
    color: #444;
	font-size: 0.97em;
	font-weight:bold;
}

/** before you begin buttons **/
#anonymousLoginScreen #btn-register, #anonymousLoginScreen #btn-login, #anonymousLoginScreen #btn-anon {
    width: 10em;
    background-color: #28285F;
    box-shadow: none!important;
    padding: 4px;
    border-radius: 5px;
}

#anonymousLoginScreen #btn-register:hover, #anonymousLoginScreen #btn-login:hover, #anonymousLoginScreen #btn-anon:hover {
    background-color: #00A5AB;
    border-color: #28285f;
    color: #000000;
}

#anonymousLoginScreen  #btn-register:focus-visible, 
#anonymousLoginScreen  #btn-login:focus-visible, 
#anonymousLoginScreen #btn-anon:focus-visible {
  color: #fff;
  background: #0054a2;
  border: 2px solid white;
  -webkit-box-shadow: inset 0px 0px 0px 2px #00a5ab;
  -moz-box-shadow: inset 0px 0px 0px 2px #00a5ab;
  box-shadow: inset 0px 0px 0px 2px #00a5ab !important;
  outline: none;
  text-decoration: none;
}

table#MyRequestTable .btn-info,
table#MyRequestTable .btn-success {
	font-size: 1.4rem;
}

/** Other button styling **/

fieldset.fieldInput.valid input[type="radio"]:checked + label.btn, 
input[type="checkbox"]:checked + label.btn {
	background-color: #28285f;
	border-color: #28285f !important;
}
.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="radio"] + label.btn:hover,
.no-touch .achieveforms-container .field fieldset.fieldInput.error input[type="radio"] + label.btn:hover,
.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="checkbox"] + label.btn:hover,  
.no-touch .achieveforms-container .field fieldset.fieldInput.error input[type="checkbox"] + label.btn:hover,
.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="radio"] + label.btn:focus-visible,
.no-touch .achieveforms-container .field fieldset.fieldInput.error input[type="radio"] + label.btn:focus-visible,
.no-touch .achieveforms-container .field fieldset.fieldInput.valid input[type="checkbox"] + label.btn:focus-visible,  
.no-touch .achieveforms-container .field fieldset.fieldInput.error input[type="checkbox"] + label.btn:focus-visible {
	background-color: #00A5AB;
	border-color: #28285f;
	color:#000000 !important;
}


/** Add alternate styling for the calendar used by bulky waste **/

#booking_day_selector .days-of-week .bds-day .content {
	border: 6px solid #009632 !important;
	color: #000000;
}

#booking_day_selector .days-of-week .bds-day:hover .content,
#booking_day_selector .days-of-week .bds-day:focus-visible .content {
	border: 6px solid #00A5AB !important;
}

#booking_day_selector .days-of-week .bds-day .content .date {
	color: #000000;
}

#booking_day_selector .days-of-week .bds-day .availability-unavailable {
  border: 6px solid #9E9E9E !important;
}

/** Capitalize the initial letter of the 'UNAVAILABLE' text displayed by Cronofy **/

#booking_day_selector .days-of-week .bds-day .availability-status > span {
  text-transform: lowercase;
  color: #880020;
  display: inline-block;
}

#booking_day_selector .days-of-week .bds-day .availability-status > span:first-letter {
  text-transform: uppercase;
}

/** Show unavailable selections in the corporate pink (from the alternate palette)
but with the opacity turned down to 50% because of its vibrancy **/

#booking_day_selector .days-of-week .bds-day .availability-unavailable:hover,
#booking_day_selector .days-of-week .bds-day .availability-unavailable:focus-visible {
	border: 6px solid rgba(224,7,119,0.5) !important;
}

#time_selector li a,
#datetime_selection .change-time {
	border: none !important;
	background-color: #00802B;
	color: #ffffff !important;
	text-decoration: none;
}
#time_selector li a:hover,
#time_selector li a:focus-visible,
#datetime_selection .change-time:hover,
#datetime_selection .change-time:focus-visible {
	background-color: #00A5AB !important;
	border: 1px solid #28285F !important;
	box-shadow: none;
	color: #000000 !important;
}

#time_selector li a .available-indicator {
	color: #ffffff;
}

#time_selector li a:hover .available-indicator,
#time_selector li a:focus-visible .available-indicator {
	color: #000000;
}

#time_selector li.availability-unavailable a {
  background: none;
  border: 2px solid #9e9e9e;
  color: #9e9e9e !important;
}

.available-indicator,
.unavailable-indicator {
  text-transform: capitalize;
}

.unavailable-indicator {
	  color: #880020 !important;
}

#time_selector li.availability-unavailable a:hover {
  border: 2px solid rgba(224,7,119,0.5) !important;
  background: none !important;
}


/** Apply the same styling above to cases where the screen is narrower and the calendar display is in a single column
The content has been generated differently by the provider for these case, so it is not as simple as providing a 
media section for it **/

#booking_day_selector .days-list ul li a .availability-status {
	color: #880020 !important;
	text-transform: none !important;
}

#booking_day_selector .days-list .availability-unavailable a {
  box-shadow: 0px 0px 0px 2px #9E9E9E;
}

#booking_day_selector .days-list ul li a {
  box-shadow: 0px 0px 0px 2px #009632;
  text-decoration: none;
  color: black !important;
}

#booking_day_selector a.prev-week, 
#booking_day_selector a.next-week {
  text-transform: none !important;
  color: #28285f !important;
  font-size: large !important;
}
 

/** Bulky waste selected date confirmation **/
input#collectionDateText {
	border: 2px solid #00802B !important;
	color: black;
	display: block;
	text-align: center;
	width: 25%;
}

/**
Adjust MyRequestV3 row backgrounds to distinguish separate rows
**/

.case-row{
  background-color: #F4F4F4;
}

/**
Add styling that can be used for adjusting the look of Firmstep label fields
**/
.rbbc-h3 {
	font-size:1.5em !important;
	font-weight:bold !important;
}

/** Styling for the Granicus admin generated A-Z of services categorisation boxes **/

/** A-Z of services Services title **/
h1.title {
    font-size: 2.5em;
}

/** A-Z of services buttons **/

/** controls the letters for each row **/
h3.serviceColumnLetter {
    margin-top: 0px;
    background: #28285F;
    color: #fff;
    padding: 5px;
    text-align: center;
    border-radius: 5px;
    min-width: 25px;
}
/** A-Z Services buttons normal state (blue) **/
.service-groups a.fsservice-pretty-link:link, .service-groups a.fsservice-pretty-link:visited {
    border: 1px #28285F solid;
    padding: 8px;
    border-radius: 4px;
    display: block;
    color: #fff;
    text-decoration: none;
    background: #28285F;
    width:100%;
}

/** A-Z Services buttons hover state (dark) **/
.service-groups a.fsservice-pretty-link:hover, .service-groups a.fsservice-pretty-link:active {
    border: 1px #28285f solid;
    background-color: #00A5AB;
    color: #000;
}

/** A-Z Services button active state (white) **/
.service-groups a.fsservice-pretty-link.active {
    border: 1px #28285F solid !important;
    background-color: #fff !important;
    color: #28285F !important;
}

/** Define a limit to the width of the text in a category navigation button so that the image fits better **/
.service-groups ul.menu li a.fsservice-pretty-link h2 {
	float: left;
	width: 60%;
	white-space: normal;
}

/** Define some background images to use on our category navigation buttons **/
.service-groups ul.menu li a.fsservice-pretty-link div {
	background-size: 50px;
	background-repeat: no-repeat;
	float: right;
	height: 50px;
	width: 50px;
}

/** Background icon for the Apply for it list of services button **/

.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="59"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="91"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ffffff" height="50" width="50"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="59"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="91"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%2328285F" height="50" width="50"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"/></svg>');
}

/** Background icon for the Benefits list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="54"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="2"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M400 96l0 .7c-5.3-.4-10.6-.7-16-.7H256c-16.5 0-32.5 2.1-47.8 6c-.1-2-.2-4-.2-6c0-53 43-96 96-96s96 43 96 96zm-16 32c3.5 0 7 .1 10.4 .3c4.2 .3 8.4 .7 12.6 1.3C424.6 109.1 450.8 96 480 96h11.5c10.4 0 18 9.8 15.5 19.9l-13.8 55.2c15.8 14.8 28.7 32.8 37.5 52.9H544c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H512c-9.1 12.1-19.9 22.9-32 32v64c0 17.7-14.3 32-32 32H416c-17.7 0-32-14.3-32-32V448H256v32c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V416c-34.9-26.2-58.7-66.3-63.2-112H68c-37.6 0-68-30.4-68-68s30.4-68 68-68h4c13.3 0 24 10.7 24 24s-10.7 24-24 24H68c-11 0-20 9-20 20s9 20 20 20H99.2c12.1-59.8 57.7-107.5 116.3-122.8c12.9-3.4 26.5-5.2 40.5-5.2H384zm64 136a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="54"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="2"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M400 96l0 .7c-5.3-.4-10.6-.7-16-.7H256c-16.5 0-32.5 2.1-47.8 6c-.1-2-.2-4-.2-6c0-53 43-96 96-96s96 43 96 96zm-16 32c3.5 0 7 .1 10.4 .3c4.2 .3 8.4 .7 12.6 1.3C424.6 109.1 450.8 96 480 96h11.5c10.4 0 18 9.8 15.5 19.9l-13.8 55.2c15.8 14.8 28.7 32.8 37.5 52.9H544c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H512c-9.1 12.1-19.9 22.9-32 32v64c0 17.7-14.3 32-32 32H416c-17.7 0-32-14.3-32-32V448H256v32c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V416c-34.9-26.2-58.7-66.3-63.2-112H68c-37.6 0-68-30.4-68-68s30.4-68 68-68h4c13.3 0 24 10.7 24 24s-10.7 24-24 24H68c-11 0-20 9-20 20s9 20 20 20H99.2c12.1-59.8 57.7-107.5 116.3-122.8c12.9-3.4 26.5-5.2 40.5-5.2H384zm64 136a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z"/></svg>');
}

/** Background icon for the Bins and recycling list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="19"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="82"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="19"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="82"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>');
}

/** Background icon for the Book it list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="53"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="83"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M128 32V64H80c-26.5 0-48 21.5-48 48v48H480V112c0-26.5-21.5-48-48-48H384V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H192V32c0-17.7-14.3-32-32-32s-32 14.3-32 32zM480 192H32V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V192zM256 248c13.3 0 24 10.7 24 24v56h56c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v56c0 13.3-10.7 24-24 24s-24-10.7-24-24V376H176c-13.3 0-24-10.7-24-24s10.7-24 24-24h56V272c0-13.3 10.7-24 24-24z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="53"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="83"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M128 32V64H80c-26.5 0-48 21.5-48 48v48H480V112c0-26.5-21.5-48-48-48H384V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H192V32c0-17.7-14.3-32-32-32s-32 14.3-32 32zM480 192H32V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V192zM256 248c13.3 0 24 10.7 24 24v56h56c13.3 0 24 10.7 24 24s-10.7 24-24 24H280v56c0 13.3-10.7 24-24 24s-24-10.7-24-24V376H176c-13.3 0-24-10.7-24-24s10.7-24 24-24h56V272c0-13.3 10.7-24 24-24z"/></svg>');
}

/** Background icon for the CTax list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="52"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="84"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="52"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="84"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 0C21.5 0 0 21.5 0 48V464c0 26.5 21.5 48 48 48h96V432c0-26.5 21.5-48 48-48s48 21.5 48 48v80h96c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48H48zM64 240c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V240zm112-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V240c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V240zM80 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16zm80 16c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V112zM272 96h32c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16z"/></svg>');
}

/** Background icon for the garden waste list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="13"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="85"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M384 312.7c-55.1 136.7-187.1 54-187.1 54-40.5 81.8-107.4 134.4-184.6 134.7-16.1 0-16.6-24.4 0-24.4 64.4-.3 120.5-42.7 157.2-110.1-41.1 15.9-118.6 27.9-161.6-82.2 109-44.9 159.1 11.2 178.3 45.5 9.9-24.4 17-50.9 21.6-79.7 0 0-139.7 21.9-149.5-98.1 119.1-47.9 152.6 76.7 152.6 76.7 1.6-16.7 3.3-52.6 3.3-53.4 0 0-106.3-73.7-38.1-165.2 124.6 43 61.4 162.4 61.4 162.4.5 1.6.5 23.8 0 33.4 0 0 45.2-89 136.4-57.5-4.2 134-141.9 106.4-141.9 106.4-4.4 27.4-11.2 53.4-20 77.5 0 0 83-91.8 172-20z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="13"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="85"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M384 312.7c-55.1 136.7-187.1 54-187.1 54-40.5 81.8-107.4 134.4-184.6 134.7-16.1 0-16.6-24.4 0-24.4 64.4-.3 120.5-42.7 157.2-110.1-41.1 15.9-118.6 27.9-161.6-82.2 109-44.9 159.1 11.2 178.3 45.5 9.9-24.4 17-50.9 21.6-79.7 0 0-139.7 21.9-149.5-98.1 119.1-47.9 152.6 76.7 152.6 76.7 1.6-16.7 3.3-52.6 3.3-53.4 0 0-106.3-73.7-38.1-165.2 124.6 43 61.4 162.4 61.4 162.4.5 1.6.5 23.8 0 33.4 0 0 45.2-89 136.4-57.5-4.2 134-141.9 106.4-141.9 106.4-4.4 27.4-11.2 53.4-20 77.5 0 0 83-91.8 172-20z"/></svg>');
}

/** Background icon for the Licensing list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="14"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="86"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L308 576C285.3 544.5 272 505.8 272 464C272 363.4 349.4 280.8 448 272.7L448 234.6C448 217.6 441.3 201.3 429.3 189.3L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM608 464C608 384.5 543.5 320 464 320C384.5 320 320 384.5 320 464C320 543.5 384.5 608 464 608C543.5 608 608 543.5 608 464zM521.4 403.1C528.5 408.3 530.1 418.3 524.9 425.4L460.9 513.4C458.1 517.2 453.9 519.6 449.2 519.9C444.5 520.2 439.9 518.6 436.6 515.3L396.6 475.3C390.4 469.1 390.4 458.9 396.6 452.7C402.8 446.5 413 446.5 419.2 452.7L446 479.5L499 406.6C504.2 399.5 514.2 397.9 521.4 403.1z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="14"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="86"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 640 640"><!--!Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L308 576C285.3 544.5 272 505.8 272 464C272 363.4 349.4 280.8 448 272.7L448 234.6C448 217.6 441.3 201.3 429.3 189.3L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM608 464C608 384.5 543.5 320 464 320C384.5 320 320 384.5 320 464C320 543.5 384.5 608 464 608C543.5 608 608 543.5 608 464zM521.4 403.1C528.5 408.3 530.1 418.3 524.9 425.4L460.9 513.4C458.1 517.2 453.9 519.6 449.2 519.9C444.5 520.2 439.9 518.6 436.6 515.3L396.6 475.3C390.4 469.1 390.4 458.9 396.6 452.7C402.8 446.5 413 446.5 419.2 452.7L446 479.5L499 406.6C504.2 399.5 514.2 397.9 521.4 403.1z"/></svg>');
}

/** Background icon for the Payments list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="12"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="87"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 -960 960 960" ><path d="M221-95v-92q39-22 62-44t35.5-43q12.5-21 16-40.5T338-352q0-10-1-20.5t-3-20.5H221v-94h64q-35-52-44.5-92t-9.5-79q0-95 66.5-161.5T459-886q77 0 136 39t87 108l-87 37q-18-43-54.5-66T459-791q-56 0-94.5 38T326-658q0 36 11 74t60 97h179v94H428q2 10 3.5 21.5T433-352q0 46-18.5 88T362-189h197q31 0 57-18.5t37-65.5l87 32q-16 71-69 108.5T559-95H221Z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="12"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="87"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 -960 960 960" ><path d="M221-95v-92q39-22 62-44t35.5-43q12.5-21 16-40.5T338-352q0-10-1-20.5t-3-20.5H221v-94h64q-35-52-44.5-92t-9.5-79q0-95 66.5-161.5T459-886q77 0 136 39t87 108l-87 37q-18-43-54.5-66T459-791q-56 0-94.5 38T326-658q0 36 11 74t60 97h179v94H428q2 10 3.5 21.5T433-352q0 46-18.5 88T362-189h197q31 0 57-18.5t37-65.5l87 32q-16 71-69 108.5T559-95H221Z"/></svg>');
}

/** Background icon for the Planning list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="15"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="88"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 -960 960 960" ><path d="M702-623h60v-60h-60v60Zm0 171h60v-60h-60v60Zm0 170h60v-60h-60v60Zm-56 173v-82h208v-578H482v105l-83-60v-127h538v742H646Zm-624 0v-407l283-202 281 202v407H358v-223H252v223H22Zm83-82h87v-201h226v201h85v-282L305-615 105-472.327V-191Zm541-358ZM418-191v-201H192v201-201h226v201Z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="15"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="88"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 -960 960 960" ><path d="M702-623h60v-60h-60v60Zm0 171h60v-60h-60v60Zm0 170h60v-60h-60v60Zm-56 173v-82h208v-578H482v105l-83-60v-127h538v742H646Zm-624 0v-407l283-202 281 202v407H358v-223H252v223H22Zm83-82h87v-201h226v201h85v-282L305-615 105-472.327V-191Zm541-358ZM418-191v-201H192v201-201h226v201Z"/></svg>');
}

/** Background icon for the Report it list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="22"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="89"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 -960 960 960" ><path d="M240-399h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM55-55v-756q0-39.463 27.475-67.231Q109.95-906 149-906h662q39.463 0 67.231 27.769Q906-850.463 906-811v502q0 39.05-27.769 66.525Q850.463-215 811-215H215L55-55Zm134-254h622v-502H149v548l40-46Zm-40 0v-502 502Z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="22"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="89"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 -960 960 960" ><path d="M240-399h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM55-55v-756q0-39.463 27.475-67.231Q109.95-906 149-906h662q39.463 0 67.231 27.769Q906-850.463 906-811v502q0 39.05-27.769 66.525Q850.463-215 811-215H215L55-55Zm134-254h622v-502H149v548l40-46Zm-40 0v-502 502Z"/></svg>');
}

/** Background icon for the Partner organisations list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="51"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="90"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H544c53 0 96-43 96-96V96c0-53-43-96-96-96H96zM64 96c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32V416c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96zm159.8 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM96 309.3c0 14.7 11.9 26.7 26.7 26.7h56.1c8-34.1 32.8-61.7 65.2-73.6c-7.5-4.1-16.2-6.4-25.3-6.4H149.3C119.9 256 96 279.9 96 309.3zM461.2 336h56.1c14.7 0 26.7-11.9 26.7-26.7c0-29.5-23.9-53.3-53.3-53.3H421.3c-9.2 0-17.8 2.3-25.3 6.4c32.4 11.9 57.2 39.5 65.2 73.6zM372 289c-3.9-.7-7.9-1-12-1H280c-4.1 0-8.1 .3-12 1c-26 4.4-47.3 22.7-55.9 47c-2.7 7.5-4.1 15.6-4.1 24c0 13.3 10.7 24 24 24H408c13.3 0 24-10.7 24-24c0-8.4-1.4-16.5-4.1-24c-8.6-24.3-29.9-42.6-55.9-47zM512 176a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM320 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="51"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="90"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 0C43 0 0 43 0 96V416c0 53 43 96 96 96H544c53 0 96-43 96-96V96c0-53-43-96-96-96H96zM64 96c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32V416c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96zm159.8 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM96 309.3c0 14.7 11.9 26.7 26.7 26.7h56.1c8-34.1 32.8-61.7 65.2-73.6c-7.5-4.1-16.2-6.4-25.3-6.4H149.3C119.9 256 96 279.9 96 309.3zM461.2 336h56.1c14.7 0 26.7-11.9 26.7-26.7c0-29.5-23.9-53.3-53.3-53.3H421.3c-9.2 0-17.8 2.3-25.3 6.4c32.4 11.9 57.2 39.5 65.2 73.6zM372 289c-3.9-.7-7.9-1-12-1H280c-4.1 0-8.1 .3-12 1c-26 4.4-47.3 22.7-55.9 47c-2.7 7.5-4.1 15.6-4.1 24c0 13.3 10.7 24 24 24H408c13.3 0 24-10.7 24-24c0-8.4-1.4-16.5-4.1-24c-8.6-24.3-29.9-42.6-55.9-47zM512 176a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM320 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z"/></svg>');
}

/** Background icon for the Other issues list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="DefaultServiceGroup"] div {
  background-image: url('data:image/svg+xml,');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="DefaultServiceGroup"] div {
  background-image: url('data:image/svg+xml,');
}

/** Background icon for the A-Z list of services button **/
.service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="50"] div, .service-groups ul.menu li a.fsservice-pretty-link[data-group-id~="81"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" height="50" width="50" viewBox="0 -960 960 960" ><path d="M43-172v-94h423v94H43Zm0-221v-94h246v94H43Zm0-221v-95h246v95H43Zm816 423L696.85-353q-26.335 20-56.755 29.5Q609.674-314 577-314q-90.47 0-154.235-63.574Q359-441.148 359-531.346q0-90.199 63.727-153.926Q486.455-749 576.654-749q90.198 0 153.772 63.765T794-531q0 32.674-9.5 63.337Q775-437 755-411.461L918-249l-59 58ZM577-397q55.417 0 94.708-39.118 39.292-39.117 39.292-95Q711-587 671.882-626.5q-39.117-39.5-95-39.5Q521-666 482-626.677q-39 39.324-39 95.501Q443-475 482.083-436q39.084 39 94.917 39Z"/></svg>');
}
.service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="50"] div, .service-groups ul.menu li a.fsservice-pretty-link.active[data-group-id~="81"] div {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%2328285F" height="50" width="50" viewBox="0 -960 960 960" ><path d="M43-172v-94h423v94H43Zm0-221v-94h246v94H43Zm0-221v-95h246v95H43Zm816 423L696.85-353q-26.335 20-56.755 29.5Q609.674-314 577-314q-90.47 0-154.235-63.574Q359-441.148 359-531.346q0-90.199 63.727-153.926Q486.455-749 576.654-749q90.198 0 153.772 63.765T794-531q0 32.674-9.5 63.337Q775-437 755-411.461L918-249l-59 58ZM577-397q55.417 0 94.708-39.118 39.292-39.117 39.292-95Q711-587 671.882-626.5q-39.117-39.5-95-39.5Q521-666 482-626.677q-39 39.324-39 95.501Q443-475 482.083-436q39.084 39 94.917 39Z"/></svg>');
}

/** Add styling to create horizontal lines in our chosen colours and width/heights **/

.SmallBlueLine {
	border:0.10em solid #28285f;
	background-color:#28285f;
	margin:1.25em 0 1.1875em;
	padding:0;
}
.LargeBlueLine {
	border:0.3em solid #28285f;
	background-color:#28285f;
	margin-top:0.5em;
	margin-bottom:1.5em;
}

/** Darken the horizontal lines displayed within the food hygiene reports process **/

section div hr.col-xs-11.col-sm-11.fieldInput.non-input.line[data-type~="line"] {
	border-color: #737373;
}
/** A-Z Services - adding a horizontal border between rows **/
.services.list-unstyled {
    border-bottom: 1px solid #e7e7e7;
    margin: 0 0.5em 1em;
    padding-bottom: 1em;
}

/** Styles applying to the privacy notice displayed within a lot of processes, those that gather customer information **/

/** Privacy policy screen **/
.jumbotron h1 {
    color: inherit;
    font-size: 2.5em;
}
.jumbotron p, .jumbotron li {
    margin-bottom: 15px;
    font-size: 1.2em;
    font-weight: 200;
}

 
/** Makes the field names bold **/

span._fieldName {
	font-weight:bold;
}
 
/** Makes the error prompt the same dark red we use **/

._AF label.error, .achieveforms-container label.error {
	color:#880020;
	font-weight: bold;
	padding-left:0.7em;
	font-size:1em;
}
 
/** adds a border to the left of the red error message **/

.error-wrapper {
	border-left: 4px solid #880020;
}
 
/** Makes the red outline around text fields the same red **/

._AF input.error, .achieveforms-container input.error {
	border-color: #880020;
}

/**
Styling for the tab headers displayed on a process. This recognises a number of different states, depending on
whether it is active or passive or has been visited already.
**/
.sectionNameWrapper {
	background-color: #fff;
}
.sectionNameWrapper .sectionNameTab {
	background-color: #28285F !important;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	color: #fff !important;
}
.sectionNameWrapper .sectionNameTab:hover {
	background-color: #00A5AB !important;
	color: #000 !important;
}
.sectionNameWrapper .sectionNameTab:focus {
	color:#fff!important;
	background:#0054a2!important;
	border:2px solid white;
	-webkit-box-shadow:inset 0px 0px 0px 2px #00a5ab;
	-moz-box-shadow:inset 0px 0px 0px 2px #00a5ab;
	box-shadow:inset 0px 0px 0px 2px #00a5ab;
	outline:none;
}
.sectionNameWrapper.active .sectionNameTab {
	background-color: #fff !important;
	color: #000 !important;
}
.sectionNameWrapper.active .sectionNameTab:hover {
	background-color: #00A5AB !important;
	color: #000 !important;
}
.sectionNameWrapper.invalid .sectionNameTab {
	border: 2px solid red;
	border-bottom: 0;
}

/** Add styling that only applies to larger screens **/

@media screen and (min-width: 768px) {
/** A-Z Services - adding a vertical border between columns. On smaller screens there's only one 
column don't know if the media screen bit will actually work as in testing it didn't 
**/
	.grouped-services .col-sm-4, .grouped-services .col-sm-6 {
    	border-right: solid 1px #d3d3d3;
	}

}

/** Add styling that is specific to the layout on phones and tablets with smaller screens **/

@media screen and (max-width: 768px) {
	.sectionNameWrapper {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

/**
Make table displays mobile friendly for phone use - See https://css-tricks.com/a-complete-guide-to-data-attributes/ for some hints
on how to style just this table, indicated by its data-field-name="displayAppsAvailable". 
There may need to be an '*' character in the following CSS to make it work properly.
**/
@media only print, only screen and (max-width: 767px) {
	.achieveforms-container .fillinButtons-wrapper .fillinButtons .btn {
		white-space:normal;
		font-size: 1em;
    	margin: 0.5em;
    	min-width: 5em;
    	padding: 0.6em;
	}
}

@media screen and (max-width:600px) {
	div.field[data-field-name="displayAppsAvailable"] table thead {
		display:none;
	}
	
	div.field[data-field-name="displayAppsAvailable"] table td {
		display:flex;
	}
	
	div.field[data-field-name="displayAppsAvailable"] table td::before {
		content: attr(label);
		font-weight:bold;
		width:120px;
		min-width:120px;
	}
}